<ion-view title="借投学院">
	<ion-content style="background-color:#f5f5f5;padding-top:5px;">
		<style>
			.list-view{ margin:0; padding:0;border-bottom: 1px solid #f8f8f8;}
			.list-view li{ list-style:none; padding:10px; margin:0}
			.list-main{ overflow:hidden;}
			.list-main .img-box{ float:left; width:120px; height:90px}
			.img-box img{ width:100%}
			.main-box{ float:left; height:100%; padding:0 10px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
			.list-main h2{ font-size:16px; font-weight:bold; padding:0; margin:0; color:#373737; padding-left:140px}
			.list-main p{ margin:0; height:56px; overflow:hidden; font-size:13px; color:#686868; padding-left:20px; margin-top:3px}
			.list-info{overflow:hidden; margin:5px 0 10px 0;}
			.list-info em{ font-style:normal; float:left; font-size:13px;color:#9F9F9F}
			.list-info span { float:right;font-size:13px; margin-left:2%; color:#9F9F9F}
		</style>

	  	<ul class="list" style="margin-bottom: 0;">
		   	<a href="#/tab/zjr/help/helpDetail?state=6" style="text-decoration:none;"> 
			   	<li class="item item-icon-right">
				    <i class="icon ion-chevron-right" style="color:#EAEAEE;font-size: 15px;"></i>【攻略】 借款小技巧
			   	</li>
		   	</a>
			<a href="#/tab/zjr/help/helpDetail?state=5" style="text-decoration:none;">
			    <li class="item item-icon-right">
				    <i class="icon ion-chevron-right" style="color:#EAEAEE;font-size: 15px;"></i>【攻略】 放款小技巧       
			    </li>
			</a>
	  	</ul>
	  	
	    <!--分割线-->
	  	<div style="height: 5px;background: #f8f8f8;"></div>
	  	<ul class="list" style="margin-bottom: 5px;">
		    <li class="item">| 热门文章</li>
	    </ul>
	    
        <ion-list>
		   <!---文章列表-->   
		    <ul class="list-view" ng-repeat="article in articles">
				<li ng-click="toArticleDetail(article.id,article.title,articel.showCt)" style="background-color: white;">
			    	<div class="list-main">
			        <div class="img-box">
			    		<img ng-src="{{article.titleImg}}" style="height: 90px; width: 120px;"/>
			        </div>
			        	<h2>{{article.title}}</h2>
			            <p>{{article.des}}</p>
			        </div>
			        <div class="list-info">
			        	<em>{{article.showCt}}</em>
			            <span>阅读  {{article.readCount | number}}</span>
			        </div>
			    </li>
			</ul>
			<ul ng-if="noData" class="list-view">
				<li >暂无文章</li>
			</ul>
			<ion-infinite-scroll ng-if="noMore" on-infinite="articleList()" distance="1%"></ion-infinite-scroll>
		</ion-list>
	</ion-content> 
</ion-view>